<!DOCTYPE html>
<html lang="en">

  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>店铺首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/until.css">
    <link rel="stylesheet" href="../css/home.css">
  </head>

  <body>
    <div class="wraaper">
      <div class="search-wrap">
        <div class="search-bar-wrap">
          <input type="text" class="search-bar">
          <img class="fa fa-search search-icon" src="../images/search.png">
        </div>
        <div class="classification">
          <div class="classification-icon"></div>
          <span class="classify">分类</span>
        </div>
      </div>
      <div class="list-wrapper" id="wrapper">
        <ul>
          <li class="good-item">
            <div class="good-img">
              <img src="../images/goods02.png" />
            </div>
            <span class="remark">限制购买</span>
            <h3 class="title">麦卡伦<span>璀璨</span></h3>
            <p class="detail">直销价：<span class="price">￥36,000</span><span class="stock">(12件库存)</span>
              <a class="add"></a>
            </p>
          </li>
          <li class="good-item">
            <div class="good-img">
              <img src="../images/goods01.png" />
            </div>
            <span class="remark">限制购买</span>
            <h3 class="title">麦卡伦<span>璀璨</span></h3>
            <p class="detail">直销价：<span class="price">￥36,000</span>
              <span class="stock">(12件库存)</span>
              <a class="add"></a>
            </p>
          </li>
          <li class="good-item">
            <div class="good-img">
              <img src="../images/goods02.png" />
            </div>
            <span class="remark">限制购买</span>
            <h3 class="title">麦卡伦<span>经典雪莉桶12年</span></h3>
            <p class="detail">直销价：<span class="price">￥36,000</span>
              <span class="stock">(12件库存)</span>
              <a class="buy"></a>
            </p>
          </li>
          <li class="good-item">
            <div class="good-img">
              <img src="../images/goods02.png" />
            </div>
            <span class="remark">限制购买</span>
            <h3 class="title">麦卡伦<span>经典雪莉桶12年</span></h3>
            <p class="detail">直销价：<span class="price">￥36,000</span>
              <span class="stock">(12件库存)</span>
              <a class="buy"></a>
            </p>
          </li>
          <li class="good-item">
            <div class="good-img">
              <img src="../images/goods02.png" />
            </div>
            <span class="remark">限制购买</span>
            <h3 class="title">麦卡伦<span>经典雪莉桶12年</span></h3>
            <p class="detail">直销价：<span class="price">￥36,000</span>
              <span class="stock">(12件库存)</span>
              <a class="buy"></a>
            </p>
          </li>
        </ul>
      </div>
      <ul class="footer">
        <li class="shop">
          <span>店铺</span>
        </li>
        <li class="cart">
          <span>购物车</span>
        </li>
        <li class="order">
          <span>订单</span>
        </li>
        <li class="my">
          <span>我</span>
        </li>
      </ul>
    </div>
  </body>

</html>